<!doctype html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
	<base th:href="@{/}">
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<meta http-equiv="pragma" content="no-cache" />
	<meta http-equiv="cache-control" content="no-cache" />
	<meta http-equiv="expires" content="0" />

	<th:block th:include ="commHeaderInclude::commHead">
	</th:block>
	<title>更新医保结算信息</title>
	<style>
		.form p{ line-height: 2em; font-size: 12px;}
		.form .error{ color: #f30; margin-left: 20px; display: none;}
	</style>
	<script th:src="@{/js/Certificate.js}"></script>
	<script th:src="@{/js/Cryptokit.js}"></script>
</head>
<body class="ht">
<th:block th:include="commHeaderInclude::loading"></th:block>
<div class="content-wrapper">
	<form name="form" id="form" class="form" method="post" th:object="${dto}">
		<div class="card mb-3">
			<div class="card-body">
				<!--<h4 class="card-title"></h4>-->
				<div class="module">
					<table cellpadding="0" cellspacing="0" class="vTable">
						<tbody>
						<tr>
							<th class="label"><span class="required">*</span>医保平台</th>
							<td>
<!--								<select name="pfmId" id="pfmId" required style="width: 400px;">-->
<!--									<option value="" data-area-name="">请选择</option>-->
<!--									<option-->
<!--											th:each="pfm:${pfmList}"-->
<!--											th:selected="${pfm.id eq dto.pfmId}"-->
<!--											th:value="${pfm.id}"-->
<!--											th:text="${@util.fStr(pfm.pfmName)}" th:data-area-name="${pfm.areaName}"></option>-->
<!--								</select>-->
								<div><input type="text" name="pfmName" th:value="${pfmVo.pfmName}" disabled/></div>
							</td>
						</tr>
						<tr>
							<th class="label">医保统筹区</th>
							<td>
<!--								<span id="areaName"></span>-->
								<div><input type="text" name="areaName" th:value="${pfmVo.areaName}" disabled/></div>
							</td>
						</tr>
						<tr>
							<th><span class="required">*</span>查询原因</th>
							<td><textarea type="text" required maxlength="500" name="queryReason" th:text="*{queryReason}" style="width: 400px;"></textarea>
								<span class="error" th:errors="*{queryReason}" th:if="*{#fields.hasErrors('queryReason')}"></span>
								<span class="tips">长度不超过200位</span>
							</td>
						</tr>
						</tbody>
					</table>
				</div>
			</div>
		</div>


		<div class="row" style="padding-top:10px;">
			<input class="btn btn-primary btn-lg" type="button" id="confirmButton" value="确定" />
			<input class="btn btn-secondary btn-lg" type="button" value="取消" onclick="parent.ht.closeAllFrameWindow()"/>
		</div>
	</form>
</div>


<div class="ht-dialog auto" role="autoOpenDialog">
	<div class="wrapper">
		<h4 class="title" th:text="${result.msg}">提示</h4>
		<a class="ht-closeButton">close</a>
		<div class="content">
			<ul th:if="${#fields.hasErrors('dto.*')}">
				<li th:each="err:${#fields.errors('dto.*')}" th:text="${err}"></li>
			</ul>
		</div>
	</div>
</div>


</body>
<script>
    $("#confirmButton").bind("click",function(event){
    	ht.loading.open()
        $("#form").submit();
    });

    // $("#pfmId").on("change",(event)=>{
    //     console.log(event);
    //     var areaName=$(event.currentTarget).children("option:selected").attr("data-area-name");
    //     $("#areaName").html(areaName);
	// })
    // $("#pfmId").change();
</script>
</html>